<template>
  <div class="maincontent dpqro">
    <el-tabs v-model="mainTab">
      <el-tab-pane label="基本信息" name="jbxx">
        <el-form
          class="basicInfoForm"
          :inline="true"
          label-position="left"
          :model="form"
          label-width="80px"
          ref="formData"
          :rules="formDataRules"
        >
          <div class="maintitle">项目基本情况</div>
          <div class="basicInfo">
            <div>
              <span class="tit">项目名称：</span>
              <span>{{projectData.name}}</span>
              <span class="tit">项目类型：</span>
              <span>{{projectData.type}}</span>
              <span class="tit">红线面积：</span>
              <span>{{projectData.totalAreaInRedline}}公顷</span>
            </div>
          </div>
          <div class="basicSituation">
            <el-form-item label="申报单位" prop="declareUnit">
              <el-input v-model="form.declareUnit" placeholder="申报单位" :readonly="isCurrentProcess"></el-input>
            </el-form-item>
            <el-form-item label="作业单位" prop="workUnit">
              <el-input v-model="form.workUnit" placeholder="作业单位" :readonly="isCurrentProcess"></el-input>
            </el-form-item>
            <el-form-item label="整治后耕地面积" label-width="120px" prop="farmlandAreaAfterRenovation">
              <el-input
                v-model="form.farmlandAreaAfterRenovation"
                :min="0"
                type="number"
                :readonly="isCurrentProcess"
              >
                <i slot="suffix">公顷</i>
              </el-input>
            </el-form-item>
          </div>

          <div class="maintitle">工程评定因素</div>
          <div class="formcontent">
            <div>
              <el-form-item
                label="有效图层厚度-增加值"
                label-width="150px"
                prop="factorValidateDrawingThickness"
              >
                <el-input
                  v-model="form.factorValidateDrawingThickness"
                  :min="0"
                  type="number"
                  :readonly="isCurrentProcess"
                ></el-input>
              </el-form-item>
              <el-form-item label="土壤有机质含量-增加值" label-width="160px" prop="factorSoilOrganicContent">
                <el-input
                  v-model="form.factorSoilOrganicContent"
                  :min="0"
                  type="number"
                  :readonly="isCurrentProcess"
                ></el-input>
              </el-form-item>
              <el-form-item label="田块规模化率-增加值" label-width="150px" prop="factorLandScaleRatio">
                <el-input
                  v-model="form.factorLandScaleRatio"
                  :min="0"
                  type="number"
                  :readonly="isCurrentProcess"
                ></el-input>
              </el-form-item>
            </div>
            <div>
              <el-form-item label="梯地化率-增加值" label-width="150px" prop="factorSlopeLandRatio">
                <el-input
                  v-model="form.factorSlopeLandRatio"
                  :min="0"
                  type="number"
                  :readonly="isCurrentProcess"
                ></el-input>
              </el-form-item>
              <el-form-item
                label="保灌面积比例-增加值"
                label-width="160px"
                prop="factorIrrigateInsuredRatio"
              >
                <el-input
                  v-model="form.factorIrrigateInsuredRatio"
                  :min="0"
                  type="number"
                  :readonly="isCurrentProcess"
                ></el-input>
              </el-form-item>
              <el-form-item label="保排面积比例-增加值" label-width="150px" prop="factorDrainInsuredRatio">
                <el-input
                  v-model="form.factorDrainInsuredRatio"
                  :min="0"
                  type="number"
                  :readonly="isCurrentProcess"
                ></el-input>
              </el-form-item>
            </div>
            <div>
              <el-form-item
                label="新修及改造≥3.0m田间道路网密度-增加值"
                label-width="280px"
                prop="factorFarmlandRoadThree"
              >
                <el-input
                  v-model="form.factorFarmlandRoadThree"
                  :min="0"
                  type="number"
                  :readonly="isCurrentProcess"
                ></el-input>
              </el-form-item>
              <el-form-item
                label="新修及改≥1.0m生产路路网密度-增加值"
                label-width="260px"
                prop="factorFarmlandRoadOne"
              >
                <el-input
                  v-model="form.factorFarmlandRoadOne"
                  :min="0"
                  type="number"
                  :readonly="isCurrentProcess"
                ></el-input>
              </el-form-item>
            </div>
          </div>

          <div class="maintitle">整治后项目分等面积</div>
          <div class="formcontent equalArea labelNormal">
            <div>
              <span class="tit">6等</span>
              <el-form-item label="水田" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelEstimateList.six.waterLandArea"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
              <el-form-item label="旱地" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelEstimateList.six.dryLandArea"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
              <span class="tit">7等</span>
              <el-form-item label="水田" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelEstimateList.seven.waterLandArea"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
              <el-form-item label="旱地" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelEstimateList.seven.dryLandArea"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
            </div>
            <div>
              <span class="tit">8等</span>
              <el-form-item label="水田" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelEstimateList.eight.waterLandArea"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
              <el-form-item label="旱地" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelEstimateList.eight.dryLandArea"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
              <span class="tit">9等</span>
              <el-form-item label="水田" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelEstimateList.nine.waterLandArea"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
              <el-form-item label="旱地" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelEstimateList.nine.dryLandArea"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
            </div>
            <div>
              <span class="tit">10等</span>
              <el-form-item label="水田" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelEstimateList.ten.waterLandArea"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
              <el-form-item label="旱地" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelEstimateList.ten.dryLandArea"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
              <span class="tit">11等</span>
              <el-form-item label="水田" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelEstimateList.eleven.waterLandArea"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
              <el-form-item label="旱地" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelEstimateList.eleven.dryLandArea"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
            </div>
          </div>

          <div class="maintitle">整治前平均等别</div>
          <div class="formcontent labelNormal">
            <div>
              <el-form-item label="水田" label-width="50px">
                <el-input
                  type="number"
                  v-model="landQualityEstimateList.befor.waterLandLevel"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <!-- <i slot="suffix">公顷</i> -->
                </el-input>
              </el-form-item>
              <el-form-item label="旱地" label-width="50px">
                <el-input
                  type="number"
                  v-model="landQualityEstimateList.befor.dryLandLevel"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <!-- <i slot="suffix">公顷</i> -->
                </el-input>
              </el-form-item>
              <el-form-item label="耕地" label-width="50px">
                <el-input
                  type="number"
                  v-model="landQualityEstimateList.befor.farmLandLevel"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <!-- <i slot="suffix">公顷</i> -->
                </el-input>
              </el-form-item>
            </div>
          </div>

          <div class="maintitle">预评定平均等别</div>
          <div class="formcontent labelNormal">
            <div>
              <el-form-item label="水田" label-width="50px">
                <el-input
                  type="number"
                  v-model="landQualityEstimateList.ing.waterLandLevel"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <!-- <i slot="suffix">公顷</i> -->
                </el-input>
              </el-form-item>
              <el-form-item label="旱地" label-width="50px">
                <el-input
                  type="number"
                  v-model="landQualityEstimateList.ing.dryLandLevel"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <!-- <i slot="suffix">公顷</i> -->
                </el-input>
              </el-form-item>
              <el-form-item label="耕地" label-width="50px">
                <el-input
                  type="number"
                  v-model="landQualityEstimateList.ing.farmLandLevel"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <!-- <i slot="suffix">公顷</i> -->
                </el-input>
              </el-form-item>
            </div>
          </div>

          <div class="maintitle">整治后平均等别</div>
          <div class="formcontent labelNormal">
            <div>
              <el-form-item label="水田" label-width="50px">
                <el-input
                  type="number"
                  v-model="landQualityEstimateList.after.waterLandLevel"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <!-- <i slot="suffix">公顷</i> -->
                </el-input>
              </el-form-item>
              <el-form-item label="旱地" label-width="50px">
                <el-input
                  type="number"
                  v-model="landQualityEstimateList.after.dryLandLevel"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <!-- <i slot="suffix">公顷</i> -->
                </el-input>
              </el-form-item>
              <el-form-item label="耕地" label-width="50px">
                <el-input
                  type="number"
                  v-model="landQualityEstimateList.after.farmLandLevel"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <!-- <i slot="suffix">公顷</i> -->
                </el-input>
              </el-form-item>
            </div>
          </div>

          <div class="maintitle">新增耕地质量等别及面积</div>
          <div class="formcontent equalArea labelNormal">
            <div>
              <span class="tit">水田</span>
              <el-form-item label="面积" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelAreaList.waterLand.area"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
              <el-form-item label="平均等级" label-width="100px">
                <el-input
                  type="number"
                  v-model="landLevelAreaList.waterLand.level"
                  :min="0"
                  :readonly="isCurrentProcess"
                ></el-input>
              </el-form-item>
            </div>
            <div>
              <span class="tit">旱地</span>
              <el-form-item label="面积" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelAreaList.dryLand.area"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
              <el-form-item label="平均等级" label-width="100px">
                <el-input
                  type="number"
                  v-model="landLevelAreaList.dryLand.level"
                  :min="0"
                  :readonly="isCurrentProcess"
                ></el-input>
              </el-form-item>
            </div>
            <div>
              <span class="tit">耕地</span>
              <el-form-item label="面积" label-width="50px">
                <el-input
                  type="number"
                  v-model="landLevelAreaList.average.area"
                  :min="0"
                  :readonly="isCurrentProcess"
                >
                  <i slot="suffix">公顷</i>
                </el-input>
              </el-form-item>
              <el-form-item label="平均等级" label-width="100px">
                <el-input
                  type="number"
                  v-model="landLevelAreaList.average.level"
                  :min="0"
                  :readonly="isCurrentProcess"
                ></el-input>
              </el-form-item>
            </div>
          </div>
        </el-form>
        <el-form
          class="basicInfoForm"
          :inline="true"
          label-position="left"
          :model="form.examineOpinion"
          label-width="80px"
          ref="formData_1"
          :rules="formDataRules"
        >
          <div class="maintitle">审查意见</div>
          <div class="formAllRow">
            <div>
              <el-form-item label="审查人审查意见" label-width="150px" prop="opinion">
                <el-input
                  style="width:774px;"
                  :rows="4"
                  type="textarea"
                  v-model="form.examineOpinion.opinion"
                  :readonly="isCurrentProcess"
                  placeholder="请输入审查意见"
                ></el-input>
              </el-form-item>
            </div>
          </div>

          <div class="formcontent">
            <div>
              <el-form-item label="审查人" label-width="60px">
                <img
                  style="width: 100px;"
                  :src="`${baseUrl}${form.examineOpinion.signature || signature}`"
                  alt
                />
              </el-form-item>
              <el-form-item label="审查日期" label-width="110px">
                <el-date-picker
                  v-model="form.examineOpinion.createTime"
                  type="datetime"
                  placeholder="请选择日期"
                  format="yyyy-MM-dd HH:mm:ss"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  :readonly="isCurrentProcess"
                ></el-date-picker>
              </el-form-item>
              <el-form-item label="审查意见" label-width="110px">
                <el-select v-model="form.examineOpinion.status" :disabled="isCurrentProcess">
                  <el-option label="同意" :value="0"></el-option>
                  <el-option label="拒绝" :value="1"></el-option>
                </el-select>
              </el-form-item>
            </div>
          </div>

          <div style="margin-top:60px;">
            <el-form-item>
              <el-button type="primary" @click="onSubmit" v-if="!isCurrentProcess">提交</el-button>
              <el-button @click="$router.push('/projectManagement/planningStage/dealwith')">取消</el-button>
            </el-form-item>
          </div>
        </el-form>
      </el-tab-pane>

      <el-tab-pane label="审查流程" name="sclc">
        <div class="processContainer">
          <process :processData="processData"></process>
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import process from "../../feasibilityStudy/public/process";
import config from "@/config/index.js";
import moment from "moment";
import {
  submitData,
  getDetail,
  getData,
  getSignature,
  getAdvice
} from "@/api/plannDesignBudget/downtownPloughQualityOpinion.js";
import { validateNotNull } from "@/utils/validate.js";
export default {
  components: {
    process
  },
  data() {
    return {
      projectId: localStorage.getItem("projectId") * 1,
      mainTab: "jbxx",
      baseUrl: config.baseUrlImg,
      signature: "",
      form: {
        projectId: localStorage.getItem("projectId") * 1,
        //项目基本情况
        declareUnit: "",
        workUnit: "",
        farmlandAreaAfterRenovation: "",
        //工程评定因素
        factorValidateDrawingThickness: 0,
        factorSoilOrganicContent: 0,
        factorLandScaleRatio: 0,
        factorSlopeLandRatio: 0,
        factorIrrigateInsuredRatio: 0,
        factorDrainInsuredRatio: 0,
        factorFarmlandRoadThree: 0,
        factorFarmlandRoadOne: 0,
        //
        landLevelAreaList: [],
        landQualityEstimateList: [],
        landLevelEstimateList: [],
        examineOpinion: {
          projectId: localStorage.getItem("projectId") * 1,
          groupId: 8,
          type: 0,
          status: 0,
          signature: "",
          createTime: moment(new Date()).format("YYYY-MM-DD HH:mm:ss")
        }
      },
      formDataRules: {
        declareUnit: [{ validator: validateNotNull, trigger: "blur" }],
        workUnit: [{ validator: validateNotNull, trigger: "blur" }],
        farmlandAreaAfterRenovation: [
          { validator: validateNotNull, trigger: "blur" }
        ],
        opinion: [{ validator: validateNotNull, trigger: "blur" }]
      },
      fileList: [],
      tableData: [],
      processData: {
        groupId: 8,
        projectId: localStorage.getItem("projectId") * 1
      },
      projectData: {},
      landLevelEstimateList: {
        //整治后项目分等面积
        six: {
          level: 6,
          waterLandArea: 0,
          dryLandArea: 0
        },
        seven: {
          level: 7,
          waterLandArea: 0,
          dryLandArea: 0
        },
        eight: {
          level: 8,
          waterLandArea: 0,
          dryLandArea: 0
        },
        nine: {
          level: 9,
          waterLandArea: 0,
          dryLandArea: 0
        },
        ten: {
          level: 10,
          waterLandArea: 0,
          dryLandArea: 0
        },
        eleven: {
          level: 11,
          waterLandArea: 0,
          dryLandArea: 0
        }
      },
      landQualityEstimateList: {
        //整治前后土地平均等别
        befor: {
          type: 1,
          waterLandLevel: 0,
          dryLandLevel: 0,
          farmLandLevel: 0
        },
        ing: {
          type: 2,
          waterLandLevel: 0,
          dryLandLevel: 0,
          farmLandLevel: 0
        },
        after: {
          type: 3,
          waterLandLevel: 0,
          dryLandLevel: 0,
          farmLandLevel: 0
        }
      },
      landLevelAreaList: {
        //新增耕地质量等别及面积
        waterLand: {
          landType: 1,
          area: 0,
          level: 0
        },
        dryLand: {
          landType: 2,
          area: 0,
          level: 0
        },
        average: {
          landType: 3,
          area: 0,
          level: 0
        }
      }
    };
  },
  computed: {
    isCurrentProcess: function() {
      let isTrue =
        localStorage.getItem("key") ==
        "PLANNING_DESIGN_AND_BUDGETING_CITY_CENTER_0";
      if (localStorage.getItem("lookStatus") == 2) {
        isTrue = false;
      }
      return !isTrue;
    }
  },
  created() {
    this.getData();
    this.getDetail();
    this.getSignature();
  },
  methods: {
    moment,
    onSubmit() {
      //提交表单
      let isTrue = false,
        isTrue1 = false;
      this.$refs["formData"].validate(valid => {
        isTrue = valid;
      });
      this.$refs["formData_1"].validate(valid => {
        isTrue1 = valid;
      });
      if (isTrue1 && isTrue) {
        const loading = this.$loading({
          lock: true,
          text: "Loading",
          spinner: "el-icon-loading",
          background: "rgba(0, 0, 0, 0.7)"
        });
        //组装整治后项目分等面积数据
        let landLevelEstimateList = [];
        for (const item in this.landLevelEstimateList) {
          landLevelEstimateList.push({
            projectId: this.projectId,
            level: this.landLevelEstimateList[item].level,
            waterLandArea: this.landLevelEstimateList[item].waterLandArea * 1,
            dryLandArea: this.landLevelEstimateList[item].dryLandArea * 1
          });
        }
        // console.log(landLevelEstimateList);
        this.form.landLevelEstimateList = landLevelEstimateList;
        //组装整治前后土地平均等别数据
        let landQualityEstimateList = [];
        for (const item in this.landQualityEstimateList) {
          landQualityEstimateList.push({
            projectId: this.projectId,
            waterLandLevel:
              this.landQualityEstimateList[item].waterLandLevel * 1,
            dryLandLevel: this.landQualityEstimateList[item].dryLandLevel * 1,
            farmLandLevel: this.landQualityEstimateList[item].farmLandLevel * 1,
            type: this.landQualityEstimateList[item].type
          });
        }
        // console.log(landQualityEstimateList);
        this.form.landQualityEstimateList = landQualityEstimateList;
        //组装新增耕地质量等别及面积数据
        let landLevelAreaList = [];
        for (const item in this.landLevelAreaList) {
          landLevelAreaList.push({
            projectId: this.projectId,
            level: this.landLevelAreaList[item].level * 1,
            area: this.landLevelAreaList[item].area * 1,
            landType: this.landLevelAreaList[item].landType
          });
        }
        // console.log(landLevelAreaList);
        this.form.landLevelAreaList = landLevelAreaList;
        this.form.examineOpinion.signature = this.signature;
        submitData(this.form)
          .then(res => {
            loading.close();
            this.$message({
              message: "提交成功！",
              type: "success"
            });
            this.$router.push("/projectManagement/planningStage/dealwith");
          })
          .catch(res => {
            loading.close();
          });
      }
    },
    getDetail() {
      //获取页面数据
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      getDetail({ projectId: this.projectId })
        .then(res => {
          loading.close();
          if (res.data) {
            let form = res.data;
            form.examineOpinion = {
              projectId: this.projectId,
              groupId: 8,
              type: 0,
              status: 0,
              signature: ""
            };
            //获取审查意见数据
            getAdvice({ projectId: this.projectId, groupId: 8, type: 0 }).then(
              res => {
                loading.close();
                if (res.data) {
                  form.examineOpinion = res.data;
                  form.examineOpinion.projectId = this.projectId;
                }
              }
            );
            //组装整治后项目分等面积数据
            res.data.landLevelEstimateList.forEach(a => {
              switch (a.level) {
                case 6:
                  this.landLevelEstimateList.six = a;
                  break;
                case 7:
                  this.landLevelEstimateList.seven = a;
                  break;
                case 8:
                  this.landLevelEstimateList.eight = a;
                  break;
                case 9:
                  this.landLevelEstimateList.nine = a;
                  break;
                case 10:
                  this.landLevelEstimateList.ten = a;
                  break;
                case 11:
                  this.landLevelEstimateList.eleven = a;
                  break;
              }
            });
            //组装整治前后土地平均等别数据
            res.data.landQualityEstimateList.forEach(a => {
              switch (a.type) {
                case 1:
                  this.landQualityEstimateList.befor = a;
                  break;
                case 2:
                  this.landQualityEstimateList.ing = a;
                  break;
                case 3:
                  this.landQualityEstimateList.after = a;
                  break;
              }
            });
            //组装新增耕地质量等别及面积数据
            res.data.landLevelAreaList.forEach(a => {
              switch (a.landType) {
                case 1:
                  this.landLevelAreaList.waterLand = a;
                  break;
                case 2:
                  this.landLevelAreaList.dryLand = a;
                  break;
                case 3:
                  this.landLevelAreaList.average = a;
                  break;
              }
            });
            this.form = form;
          }
        })
        .catch(res => {
          loading.close();
        });
    },
    getData() {
      //获取项目基础数据
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
      getData({ projectId: this.projectId })
        .then(res => {
          loading.close();
          if (res.data) {
            this.projectData = res.data;
          }
        })
        .catch(res => {
          loading.close();
        });
    },
    getSignature() {
      //获取用户签名
      getSignature().then(res => {
        this.signature = res.data;
      });
    }
  }
};
</script>
<style lang="scss" scoped>
.dpqro {
  /deep/ .el-tabs__content {
    overflow: unset;
  }
  /deep/ .el-tabs__header {
    background: #fff;
    height: 46px;
    padding: 0 20px;
    /deep/ .el-tabs__item {
      height: 36px;
      line-height: 36px;
      margin-top: 10px;
      padding: 0 10px;
    }
    /deep/ .el-tabs__nav-wrap::after {
      width: 0;
    }
  }
  .basicInfoForm {
    /deep/ .el-form-item__content {
      padding-right: 60px;
    }
    /deep/ .el-form-item__label {
      color: #666;
      text-align: right;
    }
    .basicSituation {
      /deep/ .el-form-item__label {
        color: #666;
        text-align: left;
        padding: 0;
      }
    }
    /deep/ .el-input__suffix-inner {
      color: #8c8c8c;
      i {
        font-style: normal;
      }
    }
    .labelNormal {
      label {
        font-weight: normal;
        color: #a6a6a6;
        font-size: 13px;
      }
    }
    .equalArea {
      /deep/ .el-form-item__content {
        padding-right: 20px;
      }
    }
  }
  .formAllRow {
    /deep/ .el-form-item__content .el-textarea .el-textarea__inner {
      width: 1170px;
      max-width: calc(100vw - 320px - 60px);
    }
    /deep/ .el-form-item__label {
      display: block;
      text-align: left;
      margin-top: 15px;
    }
    /deep/ .el-form-item {
      width: 100%;
    }
  }
}
</style>
<style lang="scss" scoped>
.processContainer {
  background: #fff;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  height: calc(100vh - 120px);
}
.maincontent {
  height: calc(100vh - 114px);
  padding: 30px;
  overflow: auto;
  background: #f5f6f7;
  .basicInfoForm {
    background: #fff;
    padding: 20px;
  }
  .maintitle {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 25px;
    color: #4d4d4d;
    margin-top: 60px;
    margin-bottom: 30px;
    &:first-child {
      margin-top: 0;
    }
  }
  .basicInfoForm {
    span {
      display: inline-block;
      margin: 20px 60px 0 0;
      font-size: 14px;
      color: #999999;
    }
    .tit {
      color: #666666;
      font-weight: bold;
      margin-right: 0;
      height: 40px;
      line-height: 40px;
      margin: 0;
    }
    .basicSituation {
      margin-top: 20px;
    }
  }
  .equalArea div .tit:nth-of-type(2n) {
    margin-left: 40px;
  }
  .formcontent {
    margin-top: 30px;
  }
  .secondtitle {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 20px;
    margin-right: 20px;
    line-height: 38px;
  }
}
</style>

